<template>
    <div class="vuse">
        <h2>Vue.use</h2>
        <div class="hr"></div>
        <el-tag
            effect="dark"
            >
            作用
        </el-tag>
        <p class="decr">
            安装 Vue.js 插件。<br>
            该方法需要在调用 new Vue() 之前被调用。<br>
            当 install 方法被同一个插件多次调用，插件将只会被安装一次。<br>
        </p>
        <div class="hr"></div>
        <el-tag
            effect="dark"
            >
            Demo
        </el-tag>
        <p class="decr">Vue.use(xxx)
            <br>
            在main.js文件中可看到多次使用的Vue.use方法。
        </p>
        <div class="hr"></div>
        <el-tag
            effect="dark"
            type="success"
            >
            <a :href="getHref" target="_blank">查看示例代码</a>
        </el-tag>
    </div>
</template>

<script>
import mixinPage from './mixin-page';

export default {
    name: 'Vuse',
    mixins: [mixinPage],
}
</script>

<style lang="less" scoped>
@import '../assets/css/mixin-frame.less';
</style>